<div class="col-md-12">

  <!-- Txns Tabs -->
  <hawkular-subtab class="hk-align-center hk-screen-top-nav">
    <div class="hk-nav-tabs-container">
      <ul class="nav nav-tabs nav-tabs-pf">
        <li><a href="/hawkular-ui/apm/btm" >Managed</a></li>
        <li><a href="/hawkular-ui/apm/btm/candidates">Candidates <i class="fa fa-flag" ng-hide="candidateCount === 0"></i></a></li>
        <li class="active"><a href="/hawkular-ui/apm/btm/ignored">Ignored</a></li>
      </ul>
    </div>
  </hawkular-subtab>

  <!-- Loader -->
  <div class="text-center hk-urls-list hk-spinner-container" ng-hide="transactions.$resolved">
    <div class="spinner spinner-lg"></div>
    <p class="hk-spinner-legend-below">Loading...</p>
  </div>

  <!-- No Txns Slate -->
  <div class="blank-slate-pf" ng-show="transactions.$resolved && !ignoredTxn.length">
    <div class="blank-slate-pf-icon">
      <i class="fa fa-gears"></i>
    </div>
    <h1>No transactions ignored.</h1>
  </div>

  <section id="active" class="hk-btm-ignored" ng-show="ignoredTxn.length">
    <div class="row">
      <div class="col-lg-8 col-md-10 col-sm-12 hk-align-center">

        <!-- Txns toolbar -->
        <div class="form-inline hk-candidates-search">
          <div class="form-group">
            <input type="text" class="form-control" ng-model="query.name" placeholder="Filter by Name...">
          </div>
        </div>

        <!-- No Txns matching filter slate -->
        <div class="panel panel-default hk-txn-heading" ng-show="ignoredTxn.length && !filteredIgnTxn.length">
          <div class="panel-body">
            <div class="alert alert-info">
              <span class="pficon pficon-info"></span>
              No Ignored Transactions matching the filter criteria.
            </div>
          </div>
        </div>

        <!-- Ignored Txns -->
        <div class="hk-txn-item" ng-repeat="txn in filteredIgnTxn = (ignoredTxn = (transactions | filter: {level: 'Ignore'}) | filter:query) track by txn.name" ng-show="txn.level === 'Ignore'">
          <div class="panel panel-default hk-txn-heading">
            <div class="panel-body">
              <a href="/hawkular-ui/apm/btm/info/{{txn.name}}" class="hk-panel-item">{{txn.name}}</a>
              <span class="hk-settings pull-right">
                <a href="/hawkular-ui/apm/btm/config/{{txn.name}}" tooltip="Configure"><i class="fa fa-cog"></i></a>
                <a href="#" ng-click="deleteTxn(txn)" tooltip="Delete"><i class="fa fa-trash-o"></i></a>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

</div>

